import React from 'react'
import './index.scss'
import { Button, Toast } from 'antd-mobile'
import { LeftOutline, RightOutline, } from 'antd-mobile-icons'
import { useNavigate } from 'react-router-dom'


export default function Service() {
  const navigate = useNavigate()

  return (
    <div className='service'>
      <div className='service_back'>
        <Button onClick={() => navigate(-1)}><LeftOutline /></Button>
        客服
      </div>
      <div className='details'>
        <p>时间</p>
        <dl>
          <dt>
            <img src="https://tupian.qqw21.com/article/UploadPic/2019-6/201962123281399511.jpg" alt="" />
            小廿
          </dt>
          <dd>
            你好非常感谢你的选择甘一客！我是在线智能客服小廿，请问有什么可以帮你？
          </dd>
        </dl>


        <dl>
          <dt>
            <img src="https://tupian.qqw21.com/article/UploadPic/2019-6/201962123281399511.jpg" alt="" />
            小廿
          </dt>
          <dd>
            <h6>请问你质询下列问题？</h6>
            <ul>
                <li>热门常见问题</li>
                <li>生日配件问题</li>
                <li>卡卷使用问题</li>
                <li>修改查询订单</li>
                <li>配送物流问题</li>
              </ul>
          </dd>
        </dl>
      </div>

      <div className='send'>
        <input type="text"  placeholder='请输入问题'/><span>+</span>
      </div>
    </div>
  )
}
